<template>
 <div id="list" style="margin-top:50px">
      <div class="title" >
          <!-- 独家放送 -->
           <!-- <h1  style="font-size: 24px;">{{data[0]}}</h1> -->
           <h1  style="font-size: 24px;">进士第哦啊就</h1> 
           <span class="iconfont rightS">&#xe65e;</span>
      </div>
    <ul >
        <!-- 接收父级数据 -->
        <li v-for="(items,index) in data" :key="index">
            <img :src="items.cover" alt="">
            <span style="font-size:20px">{{items.title}}</span>
            <span></span>
        </li>

   
    </ul>
 </div>   
</template>
<script>

export default {
    props:{
        data:{
            typeof:Object || Array,
            default:_=>{
                return{}
            }
        }
    },
    data() {
        return {

           
        }
    },
    created() {
        console.log('s')
    },
    mounted() {
    
    }
}
</script>
<style lang="less" scoped>
@font-face {
  font-family: 'iconfont';
  src: url('../../public/font_home/iconfont.woff2?t=1657706050349') format('woff2'),
       url('../../public/font_home/iconfont.woff?t=1657706050349') format('woff'),
       url('../../public/font_home/iconfont.ttf?t=1657706050349') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#list{
    margin: 10px;

    overflow: hidden;
    .title{
        display: flex;
           //  justify-content: center;/*水平居中*/
    align-items: center;/*垂直居中*/

        .rightS{
            font-size: 35px;
              margin-bottom: 8px;
              font-weight: inherit;
    }
    }
  
    h1{
        margin-bottom: 8px;
        color: #373737;
    }
    ul{
           height:1.71875rem /* 330/192 */;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        //  justify-content: center;/*水平居中*/
    // align-items: center;/*垂直居中*/
    }

     li{
             width: calc(calc(100% / 3));
            
            height:1.71875rem /* 330/192 */;
            box-sizing: border-box;
            // border: 1px solid #000;
        span,img{
                display: block;
    width: 96%;

    color: #373737;
        }
        img{
             height:90%;
            border-radius: 5%;
        }
     }

   
   }
   

</style>
